const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')
module.exports = {
    // 指定我们打包的入口文件
    entry: './src/index.js',

    // 输出的目录
    output: {
        // 输出的文件目录
        filename: 'bundle.js',
        // 输出的路径
        path: path.resolve(__dirname, './dist'),
        // 每一次打包都将上一次的删除，添加上一个可选参数
        clean: true
    },
    mode: 'none',
    plugins: [
        new HtmlWebpackPlugin({
            // 将哪个文件进行打包
            template: './index.html',
            // 输出的文件名称叫什么名字
            filename: 'app.html',
            // 将script标签注入哪里
            inject: 'body'
        })
    ]
}


// 当我们的常量是大写字母开始的时候，证明他可能是一个对象或则是一个函数，我们需要实例化一下